<template>
	<view>
		<view style="text-align: center;">滑块视图</view>
		<view>
			<swiper circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">	
			<swiper-item>
				<view style="background-color: cornflowerblue; height: 200rpx;">
					A
				</view>
			</swiper-item>
			
			<swiper-item>
				<view style="background-color: chocolate; height: 200rpx;">
					B
				</view>
			</swiper-item>
			
			<swiper-item>
				<view style="background-color: deeppink; height: 200rpx;">
					C
				</view>
			</swiper-item>
			</swiper>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				indicatorDots:true,
				autoplay:true,
				interval:1000,
				duration:100,
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
